<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title>
<link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/trainingCommonHeader.css" />
<style>
	body {
		background-color: #fff;
	}
	
	header {
		height: 40px;
		overflow: hidden;
		position: relative;
	}
	
	header h2 {
		text-align: center;
		line-height: 40px;
		font-weight: normal;
		font-size: 18px
	}
	
	header .icon {
		width: 30px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-align-items: center;
		align-items: center;
    	-webkit-justify-content: flex-end;
    	justify-content: flex-end;
    	padding-right: 19px
	}
	
	header .user {
		right: 0;
		left: inherit;
		padding-right: 19px;
	}
	
	header .icon img {
		width: 12px;
	}
	
	header .user img {
		width: 20px;
	}
	
	header .user a {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	section {
		padding: 0 19px;
		font-size: 14px;
	}
	
	section .header {
		height: 40px;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	section .center {
		-webkit-align-items: center;
		align-items: center;
	}
	
	section .header img {
		width: 20px;
	}
	
	section .inputbox {
		height: 50px;
		position: relative;
	}
	
	section .inputbox select { 
		height: 23px;
		width: 145px;
		border: 1px solid #c2c9cc;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #666;
		text-indent: 10px;
		font-size: 14px;
		background-color: transparent;
	}
	
	section .inputbox input {
		height: 23px;
		width: 145px;
		border: 1px solid #c2c9cc;
		color: #666;
		text-indent: 10px;
		border-radius: 4px;
		font-size: 14px;
	}
	
	section .inputbox span.title {
		color: #666;
		width: 76px;
	}
	
	section .inputbox .icon {
		position: absolute;
		border-left: 1px solid #c2c9cc;
		border-radius: 4px;
		-webkit-justify-content: center;
		justify-content: center;
		width: 24px;
	    height: 23px;
	    left: 196px;
	    z-index: -1;
	    top: 50%;
    	margin-top: -11.5px;
	}
	
	section .inputbox .tip {
		position: absolute;
		left: 192px;
		font-size: 12px;
		color: #b3b3b3;
		top: 50%;
    	margin-top: -8px;
	}
	
	section .inputbox .icon img {
		width: 15px;
	}
	
	section a.submit {
		display: block;
		margin-top: 46px;
		margin-bottom: 53px;
		width: 100%;
		height: 43px;
		line-height: 43px;
		color: #fff;
		background-color: #b3b3b3;
		font-size: 18px;
		text-align: center;
		border-radius: 6px;
		position: relative;
	}
	
	section a.submit.suc {
		background-color: #f6a32d;
	}
	
        #switch_btn_left{
        	position:fixed;
        	top:45%;
        	left:0;
        }
        #switch_btn_right{
        	position:fixed;
        	top:45%;
        	right:0;
        }
</style>
</head>
<body>
	<header>
		<div class="icon flexbox" id="back"><img src="/assets/img/order_back.png" /></div>
		<h2>资料明细</h2>
		<div class="icon user flexbox" id="back"><a href="#"></a><img src="/assets/img/order_user.png" /></div>
	</header>
	<!--导航-->
		<div>
		    <nav>
		        <ul>
		            <li class="active">Step 01</li>
		            <li>Step 02</li>
		            <li>Step 03</li>
		            <li>Step 04</li>
		            <li>Step 05</li>
		        </ul>
		    </nav>
		    <div id="nav_text">
		        <p class="nav_text_tip">步骤一：<span class="nav_text_title">初审资料</span></p>
		        <p class="nav_text_main">填写下列信息</p>
		    </div>
		    <div id="border"></div>
		</div>
	#@loadContainer()	
	<section id="app" class="visiblecon sectrans">
		<div class="header b_bor center flexbox">
			<span>新增订单</span>
			<img src="/assets/img/order_suc.png" />
		</div>
		<div class="input-wrapper" id="input-wrapper"></div>
		<a class="submit suc">下一页</a>
	</section>
	
<!-- <div id='switch_btn_left'>
	<a href='/training/training_step3'><img src='/assets/img/zuobianhuadong-icon@2x.png' style='width:53px;height:62.5px;'/></a>
</div> -->
<div id='switch_btn_right'>
	<a href='/training/training_step2'><img src='/assets/img/youbianhuadong-icon@2x.png' style='width:53px;height:62.5px;'/></a>
</div>

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/jquery-3.1.1.min.js"></script>
	<script src="/assets/js/axios.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script>

		$(function(){
			var app = $("#app"),
				inputWrapper = $("#input-wrapper")
			
			$('#back').click(function(){
		    	window.history.go(-1);
		    });
			
			axios.post("/product/getDataInfo?param=1")
			.then(function(res){
				renderInput(res.data, show)
			})
			
			function show () {
				app.removeClass("visiblecon");
    			$("#load-container").removeClass("load7");
			}
			
			function renderInput (data, fn) {
				var html = ""
				for (var i = 0; i < data.length; i++) {
					html += "<div class='inputbox b_bor center flexbox' notes='"+ data[i].helpInfo +"'>"+
							"	<span class='title'>"+ data[i].zhExpl +"：</span>"+
							"	<input readonly='true' value='"+ data[i].defaultValue +"' />"+
							"</div>"
				}
				inputWrapper.html(html)
				fn()
			}
			
			app.children("a.submit").click(function(){
				$(this).html("<div class='textloading'></div>")
				_x.showTip("提交成功！",{url: "/training/training_step2"})
			})
			
			inputWrapper.on("click", ".inputbox", function (e) {
				_x.showTraninNotes($(this).attr("notes"))
			})
			
		})
	</script>
</body>
</html>
